<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="view" v-cloak>

        <header>
            <div class="header">
                <div class="new-nav">
                    <div class="n-list"  onclick="randomSwitchBtn(0)">{{_i18n('消息')}}<span class="num new-hide" id="js-cnum"></span></div>
                    <div class="n-list"  onclick="randomSwitchBtn(1)">{{_i18n('密友')}}</div>
                </div>
            </div>
        </header>
        <div style="display: none;">
            <li class="list" onclick="_url({url:'no/ok', title:'好友', types: 3})">
                <div class="content">给测试女(3287)发消息扣金币</div>
                <div class="time-wrap">
                    <p class="price"><span class="money">+10</span></p>
                    <p class="time">01-01 08:00:00</p>
                </div>
            </li>
            <li class="list"  onclick="_url({url:'no/index', title:'好友', types: 3})">
                <div class="content">给测试女(3287)发消息扣金币</div>
                <div class="time-wrap">
                    <p class="price jian"><span class="money">-10</span></p>
                    <p class="time">01-01 08:00:00</p>
                </div>
            </li> 
            <li class="list"  onclick="_url({url:'no/meiyong', title:'好友', types: 3})">
                <div class="content">给测试女(3287)发消息扣金币</div>
                <div class="time-wrap">
                    <p class="price jian"><span class="money">-10</span></p>
                    <p class="time">01-01 08:00:00</p>
                </div>
            </li> 
            <li class="list"  onclick="_url({url:'no/no', title:'好友', types: 3})">
                <div class="content">给测试女(3287)发消息扣金币</div>
                <div class="time-wrap">
                    <p class="price jian"><span class="money">-10</span></p>
                    <p class="time">01-01 08:00:00</p>
                </div>
            </li> 
            <li class="list flex-bt new-margin-b-10"  onclick="_url({url:'no/index1', title:'好友', types: 3})">
                <div class="title">接收新消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt b-bottom"  onclick="_url({url:'no/index2', title:'好友', types: 3})">
                <div class="title">文章消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt b-bottom"  onclick="_url({url:'no/index3', title:'好友', types: 3})">
                <div class="title">资讯消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index4', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index4', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index5', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index6', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index7', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index8', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index9', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index10', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index11', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index12', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index13', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
            <li class="list flex-bt"  onclick="_url({url:'no/index14', title:'好友', types: 3})">
                <div class="title">活动消息通知</div>
                <div class="btn aui-clearfix select-btn yijia" tapmode onclick="changeMode(this)">
                    <span class="yuan"></span>
                    <span class="text">&nbsp;&nbsp;</span>
                </div>
            </li>
        </div>
        <div style="display: none;">
            <span class="time">23:35</span> <span class="name">张三张三</span>送给<span class="name">李四李四</span>1个<span class="gift">[花心花心]</span>
            <img src="../../image/test/car1.png" alt="">,掌声响起来...<span class="clap-icon"></span>
            <span class="up-btn">📺 如何上电视</span>
            <span class="up-btn">🔒 锁屏中(10)...</span>
            <span class="up-btn">不是这样的...</span>
            <span class="up-btn">王五...</span>
            <span class="up-btn">黄久...</span>
            <div class="wrap">
                <p class="title">订单</p>
                <h3 class="money"><span></span>100</h3>
                <div class="btn-wrap">
                   <button class="btn wechat" >微信</button>
                    <button class="btn alipay" >支付宝</button>
                    <h3>支付成功</h3>
                </div>
                <div>
                    <p class="title">订单金额</p>
                </div>
                <p style="font-size: 16px;font-family: Calibri, sans-serif;white-space: normal">
                    <span >您的信任对我们非常重要，我们深知个人信息对您的重要性，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。鉴于此，【</span><span style="font-size: 14px;font-family: 宋体;color: rgb(51, 51, 51)">牵友</span><span>】服务提供者（或简称“我们”或“【</span><span >牵友</span><span>】”）制定本《隐私政策》（下称“本政策 /本隐私政策”）并提醒您：本政策适用于【</span><span >牵友</span><span >】提供的所有产品和服务及我们的关联公司的产品或服务（如【</span><span style="font-size: 14px;font-family: 宋体;color: rgb(51, 51, 51)">牵友</span><span >】小程序），您可使用【</span><span style="font-size: 14px;font-family: 宋体;color: rgb(51, 51, 51)">牵友</span><span >】平台帐号登录上述产品或服务，如上述产品或服务未设独立隐私政策的，则本政策同样适用于该部分产品或服务。</span>
                </p>
                <p style="font-size: 16px;font-family: Calibri, sans-serif;white-space: normal">
                    <span >需要特别说明的是，本政策不适用于其他第三方向您提供的服务，也不适用于【</span><span style="font-size: 14px;font-family: 宋体;color: rgb(51, 51, 51)">牵友</span><span >】中已另行独立设置隐私政策的产品或服务。</span>
                </p>
            </div>
        </div> 
        
        <!-- 脚部 -->
        <footer>
            <ul class="f-wrap flex">
                <li class="f-list " onclick="_index(0)">
                    <img src="../image/tabbar/yuanfen_nor.png" alt="">
                    <span>{{_i18n('缘分')}}</span>
                </li>
                <li class="f-list" onclick="_index(1)">
                    <img src="../image/tabbar/dongtai_nor.png" alt="">
                    <span>{{_i18n('动态')}}</span>
                </li>
                <li class="f-list" onclick="_index(7)">
                    <img src="../image/tabbar/supei_nor.png" alt="">
                    <span>{{_i18n('速配')}}</span>
                </li>

                <li class="f-list active">
                    <img src="../image/tabbar/liaotian_sel.png" alt="">
                    <span>{{_i18n('聊天')}}</span>
                    <span class="num new-hide"></span>
                </li>
                <li class="f-list" onclick="_index(4)">
                    <img src="../image/tabbar/wode_nor.png" alt="">
                    <span>{{_i18n('我')}}</span>
                </li>
            </ul>
        </footer>
    </div>
</body>
</html>